<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>新增学员</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../css/layui.css"  media="all">
    <link rel="stylesheet" href="../css/public.css"  media="all">
</head>
<body>
<div class="layui-conter">
    <div class="navigation">
        <span>教务></span><span>学员管理></span><span>未报名学员></span><span>新增学员</span>
    </div>
    <div class="white-conter selsectSet">
        <div class="title-blue">新增学员</div>
        <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
            <ul class="layui-tab-title">
                <li class="layui-this layui-col-md6">01 学生个人基本信息</li>
                <li class="layui-col-md6">02 销售顾问跟进状态</li>
            </ul>
            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                    <form class="layui-form" action="">
                        <div class="layui-col-md6">
                            <div class="layui-col-md10">
                                <div class="form-item">
                                    <div class="label-div">
                                        <label class="form-label">学员姓名</label>
                                    </div>
                                    <div class="input-block">
                                        <input type="text" name="username" autocomplete="off" placeholder="真实姓名" class="layui-input">
                                    </div>
                                </div>
                                <div class="form-item">
                                    <div class="label-div">
                                        <label class="form-label">学员编号</label>
                                    </div>
                                    <div class="input-block">
                                        <input type="text" style="background-color: #ebeaea;" name="useid"  autocomplete="off" disabled="" placeholder="系统自动生成" class="layui-input">
                                    </div>
                                </div>
                                <div class="form-item">
                                    <div class="label-div">
                                      <label class="form-label">学生性别</label>
                                    </div>
                                    <div class="input-block">
                                        <input type="radio" name="sex" value="保密" title="保密" checked="checked">
                                        <input type="radio" name="sex" value="男" title="男" >
                                        <input type="radio" name="sex" value="女" title="女">
                                    </div>
                                </div>
                                <div class="form-item">
                                    <div class="label-div">
                                        <label class="form-label">学员生日</label>
                                    </div>
                                    <div class="input-block">
                                        <input type="text" name="date" id="date" lay-verify="date" placeholder="请选择" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <div class="label-div">
                                        <label class="form-label">所属地区</label>
                                    </div>
                                    <div class="layui-input-inline">
                                            <select name="quiz1">
                                                <option value="" selected="">请选择</option>
                                                <option value="浙江" >浙江省</option>
                                                <option value="江西省">江西省</option>
                                                <option value="福建省">福建省</option>
                                            </select>
                                    </div>
                                </div>
                                <div class="form-item">
                                    <div class="label-div">
                                        <label class="form-label">详细住址</label>
                                    </div>
                                    <div class="input-block">
                                        <input type="text" name="address" autocomplete="off" placeholder="详细住址" class="layui-input">
                                    </div>
                                </div>
                                <div class="form-item">
                                    <div class="label-div">
                                        <label class="form-label">电子邮箱</label>
                                    </div>
                                    <div class="input-block">
                                        <input type="text" name="email" placeholder="请输入常用邮箱..." lay-verify="email" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <div class="label-div">
                                        <label class="form-label">咨询顾问</label>
                                    </div>
                                    <div class="layui-input-inline">
                                        <select name="quiz1">
                                            <option value="" selected="">请选择</option>
                                            <option value="1" >1</option>
                                            <option value="2">2</option>
                                            <option value="3">3</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md6">
                            <div class="layui-col-md10">
                                <div class="form-item">
                                    <div class="label-div">
                                        <label class="form-label">座机(选填)</label>
                                    </div>
                                    <div class="input-block">
                                        <input type="tel" name="phone1" autocomplete="off" placeholder="请输入八位数电话号码..." class="layui-input">
                                    </div>
                                </div>
                                <div class="form-item">
                                    <div class="label-div">
                                        <label class="form-label">学生手机</label>
                                    </div>
                                    <div class="input-block">
                                        <input type="tel" name="phone2" autocomplete="off" placeholder="请输入十一位数手机号码..." class="layui-input">
                                    </div>
                                </div>
                                <div class="form-item">
                                    <div class="label-div">
                                        <label class="form-label">家长手机</label>
                                    </div>
                                    <div class="input-block">
                                        <input type="tel" name="phone3" autocomplete="off" placeholder="请输入十一位数手机号码..." class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <div class="label-div">
                                        <label class="form-label">渠道来源</label>
                                    </div>
                                    <div class="layui-input-inline">
                                        <select name="quiz1">
                                            <option value="" selected="">请选择</option>
                                            <option value="1" >1</option>
                                            <option value="2">2</option>
                                            <option value="3">3</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="form-item">
                                    <div class="label-div">
                                        <label class="form-label">咨询时间</label>
                                    </div>
                                    <div class="input-block">
                                        <input type="text" name="date" id="date1" lay-verify="date" placeholder="请选择" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                                <div class="form-item">
                                    <div class="label-div">
                                        <label class="form-label">下次回访时间</label>
                                    </div>
                                    <div class="input-block">
                                        <input type="text" name="date" id="date2" lay-verify="date" placeholder="请选择" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <div class="label-div">
                                        <label class="form-label">意向度</label>
                                    </div>
                                    <div class="layui-input-inline">
                                        <select name="quiz1">
                                            <option value="" selected="">请选择</option>
                                            <option value="1" >1</option>
                                            <option value="2">2</option>
                                            <option value="3">3</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md12">
                            <div class="button-block">
                                <button class="layui-btn layui-btn-xs layui-btn-normal" lay-submit="" >保存</button>
                                <button  class="layui-btn layui-btn-xs btn-grey">下一步</button>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="layui-tab-item">
                    <!--时间事件-->
                    <ul class="layui-timeline">
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis"></i>
                            <div class="layui-timeline-content layui-text">
                                <h3 class="layui-timeline-title">8月18日</h3>
                                <p class="event-item">
                                  <p class="event-line">
                                      <p class="enent-title layui-col-md2">跟进顾问</p><p class="event-state layui-col-md10">王欣</p>
                                  </p>
                                    <p class="event-line">
                                        <p class="enent-title layui-col-md2">跟进方式</p><p class="event-state layui-col-md10">上门沟通</p>
                                    </p>
                                    <p class="event-line">
                                        <p class="enent-title layui-col-md2">跟进内容</p><p class="event-state layui-col-md10">针对孩子情况，我推荐了几门优惠课程，家长表示非常感兴趣</p>
                                    </p>
                                    <p class="event-line">
                                        <p class="enent-title layui-col-md2">试听状态</p><p class="event-state layui-col-md10">未试听</p>
                                    </p>
                                    <p class="event-line">
                                        <p class="enent-title layui-col-md2">下次跟进时间</p><p class="event-state layui-col-md10">2018-06-12</p>
                                    </p>
                                </p>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis"></i>
                            <div class="layui-timeline-content layui-text">
                                <h3 class="layui-timeline-title">8月16日</h3>
                                <p>杜甫的思想核心是儒家的仁政思想，他有<em>“致君尧舜上，再使风俗淳”</em>的宏伟抱负。个人最爱的名篇有：</p>
                                <ul>
                                    <li>《登高》</li>
                                    <li>《茅屋为秋风所破歌》</li>
                                </ul>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis"></i>
                            <div class="layui-timeline-content layui-text">
                                <h3 class="layui-timeline-title">8月15日</h3>
                                <p>
                                    中国人民抗日战争胜利日
                                    <br>常常在想，尽管对这个国家有这样那样的抱怨，但我们的确生在了最好的时代
                                    <br>铭记、感恩
                                    <br>所有为中华民族浴血奋战的英雄将士
                                    <br>永垂不朽
                                </p>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis"></i>
                            <div class="layui-timeline-content layui-text">
                                <div class="layui-timeline-title">过去</div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

</div>




<script src="../js/layui.all.js" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>
    layui.use('element', function(){
        var $ = layui.jquery
            ,element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块
        //触发事件
        var active = {
            tabChange: function(){
                //切换到指定Tab项
                element.tabChange('demo', '22'); //切换到：用户管理
            }
        };


    });
</script>
<script>
    layui.use(['form', 'layedit', 'laydate'], function(){
        var form = layui.form
            ,layer = layui.layer
            ,layedit = layui.layedit
            ,laydate = layui.laydate;
        //日期
        laydate.render({
            elem: '#date'
        });
        laydate.render({
            elem: '#date1'
        });
        laydate.render({
            elem: '#date2'
        });

    });
</script>
</body>
</html>
